import 'package:flutter/material.dart';
import 'package:robot3/widgets.dart';

/// Flutter code sample for [MenuAnchor].

void main() => runApp(const MenuAnchorApp());

// This is the type used by the menu below.
enum SampleItem { itemOne, itemTwo, itemThree }

class MenuAnchorApp extends StatelessWidget {
  const MenuAnchorApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MenuAnchorExample(),
    );
  }
}

class MenuAnchorExample extends StatefulWidget {
  const MenuAnchorExample({super.key});

  @override
  State<MenuAnchorExample> createState() => _MenuAnchorExampleState();
}

class _MenuAnchorExampleState extends State<MenuAnchorExample> {
  SampleItem? selectedMenu;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('MenuAnchorButton'),
        backgroundColor: Theme.of(context).primaryColorLight,
      ),
      body: Column(children: [
        Row(children: [
        SizedBox(width: 50),
         MenuAnchor(
          builder:
              (BuildContext context, MenuController controller, Widget? child) {
            return RobotButton(onClick: (text){
              if (controller.isOpen) {
                controller.close();
              } else {
                controller.open();
              }
            });
          },
          menuChildren: List<MenuItemButton>.generate(
            3,
                (int index) => MenuItemButton(
                  style: ButtonStyle(
                    fixedSize: WidgetStateProperty.all(Size(0, 0)),
                    // backgroundColor: MaterialStateProperty.all(Colors.red), // 背景颜色
                    // foregroundColor: MaterialStateProperty.all(Colors.white), // 文字颜色
                    padding: MaterialStateProperty.all(EdgeInsets.symmetric(vertical: 0, horizontal: 0)), // 内边距
                    // shape: MaterialStateProperty.all(RoundedRectangleBorder(
                    //   borderRadius: BorderRadius.circular(0), // 圆角
                    // )),
                    // elevation: MaterialStateProperty.all(0), // 阴影
                  ),
              onPressed: () =>
                  setState(() => selectedMenu = SampleItem.values[index]),
              // child: Text('Item ${index + 1}    end        '),
              child:  Container(color:Colors.deepOrange,width: 100,height: 10,child:RobotText(text: "1111")),
            ),
          ),
        )]),]
      ),
    );
  }
}
